@media (max-width :1920px){

    #navmobile{display: none;}
    #navdesktop{display: block;}
}




@media (max-width :1680px){
    
    .colorlib-counters .overlay {   
    margin-left: 0;
    width: auto;
    margin: 0;
}
    
    .icon-counter{margin: 35%;}

    .columnservices {
        width: 17%;
        float: right;
        display: inline-block;
        margin: 24px;}

    .wrapper {
        width: 85%;
        margin: 50px auto;
        position: relative;
        margin-bottom: 19%;}

    #colorlib-counter.logosclient {  height: 300px;}

    #navmobile{display: none;}

    #navdesktop{display: block;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-top: 0%;}

    /*.counter {margin-left: 22px;}*/

}


@media (max-width: 1536px){

    .paragraph-clients span {
    font-size: 17px;
    }
    
    .paragraph-clients{ font-size: 15px;}
    
    .paragraph-clients {  margin-top: 10%;}
    
    .wrapper { width: 89%;}
    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {font-size: 26px;}
    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {font-size: 26px;}

    .columnservices { margin: 23px;}

    .grid figure {
        overflow: hidden;
      margin: 10px 14px 30px;}

    /*.counter {padding: 20px 20px; margin-right: 0%;}*/

}



@media (max-width: 1440px){
    
    .row.inner-row2 {margin: 0 21%;}

    /*.counter {margin-left: 20px;}*/

    .columnservices {  margin: 21px;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {font-size: 24px;}

    #navmobile{display: none;}

    #navdesktop{display: block;}

    .wrapper {
        width: 96%;
        margin: 50px auto;
        position: relative;
        margin-bottom: 21%;}

    .colorlib-nav .top-menu {
        background-image: url(../images/top.png);
        background-position: right;
    } 

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {
        margin-left: 25%;
        margin-top: 8%;
        font-size: 22px;}

    #colorlib-counter.logosclient {
        height: 293px;
        padding-top: 5%;}

    #placecontainer { margin-top: -8%;}

    /*    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {  font-size: 41px;}*/

    #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {font-size: 10px;}


    .icon-counter{margin: 35%;}

    .grid figure {
        min-width: 290px;
        max-width: 23%;
    }

}




@media (max-width: 1366px){
    
     .paragraph-clients span {
    font-size: 15px;
    }
    
    .paragraph-clients{ font-size: 15px;}
    
    .paragraph-clients {  margin-top: 11%;}

    .columnservices {  margin: 13px;width: 18%;}

    .icon-counter{margin: 35%;}
    #navmobile{display: none;}

    #navdesktop{display: block;}

    .colorlib-nav .top-menu {
        background-image: url(../images/top.png);
        background-position: left; }

    .wrapper {
        width: 99%;
        margin: 50px auto;
        position: relative;
        margin-bottom: 26%;
        margin-left: 17px;}

    #colorlib-counter.logosclient {
        height: 280px;
        padding-top: 6%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
        margin-bottom: 18px;
        font-size: 38px;
        line-height: 1.3;}

    /*    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 { font-size: 28px;}*/

    #placecontainer {  margin-top: -5%;}

    #container-details { width: 1030px;margin-top: -12px;}

    .titleother {margin-top: 35%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: 15%;margin-top: 19%;}

    #colorlib-hero {margin-top: -24px;}

    #search-wrap {  margin-left: -57px; }

    #colorlib-hero .flexslider .slides li:before {  background-position: center;}
}


@media (max-width: 1366px){
    #navmobile{display: none;}
    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 { font-size: 23px; margin-right: 14%;}

    #search-wrap {margin-left: -28px;}  

    /*.counter {margin-left: 8px;width: 16%;}*/

    .wrapper { width: 100%;}

    .count-text {font-size: 15px;}



}

@media (max-width:1280px){
    
    .row.inner-row2 {
    margin: 0 17%;
}

.image-client {
    float: right;
    width: 180px;
    margin: 12% 23px 13px;}

.colorlib-counters.clientsnew {
    height: 480px;}

    .columnservices {
        margin: 12px;
        width: 18%;}

    #navmobile{display: none;}

    #navdesktop{display: block;}

    #search-wrap {margin-left: -22px;}  

    .slider-text-inner h1 {
        font-size: 25px;
        margin-right: 15%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {
        font-size: 9px;
        margin-right: 14%;}

    .s132 form {max-width: 775px;}

    /*.counter {margin-left: 7px;}*/
    figure.effect-lily h2{font-size: 29px}
}

@media (max-width:1024px){
    
    .counter {   margin: 35px 6px -25px;}

    .offer-card{width: 100%;margin: 5px 0px;}
    
    .offer-alert #subtitle4 {font-size: 18px;}
    
    .colorlib-nav ul li a {  
    padding: 12px;
    font-size: 16px;}

    #containertop {padding-bottom: 2%;}

    .guidetitle {font-size: 30px;}

    .mission.careertitle{font-size: 28px;}

    .columnservices {
        margin: 5px;
        width: 19%;}

    #navmobile{display: none;}

    #colorlib-hero .flexslider .slides li:before {  background-position: center;}

    /*.colorlib-counters .overlay {  width: 79%; margin-left: 11%;}*/

    #search-wrap {margin-left: -91px;}

    /*.counter { width: 24%;padding: 41px 11px -35px}*/

    /*.counter.fifth-counter {margin-left: 140px;}*/
    .count-text {font-size: 12px;}

    .icon-counter {font-size: 41px;  margin: 36%;}

    #colorlib-counter.logosclient { height: 240px; padding-top: 7%;}

    #colorlib-about {  background-position: center;}

    .hovereffect h2 {top: 51%;}

    .hovereffect a.info { margin: -100px 0 0 0; padding: 37px 116px;}

    iframe{    width: 100%;}

    #memberapplicationcontainer {margin-right: -16px;}

    .title-subscribe {  font-size: 27px;}

    #colorlib-hero .flexslider .slides li { background-position: top;}

    .choose .half {width: 54%;}

    .columnspecial { width: 22%; margin: 14px;}

    #container-details {width: 1030px; margin-top: -11%;}

    .titleother2 {
        margin-top: -16%;
        font-size: 11px;
        line-height: 1.7;}

    .responsewidth{width: 25%;}

    .btn.btn-lg.btn-learn.details {
        padding: 4px 12px !important;
        font-size: 13px;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {font-size: 17px;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner {display: none;}

    .titleother {
        margin-top: 35%;
        font-size: 16px;
        line-height: 1.4;}


    .columnmember {width: 21%;}

    .imgid.columnmember {margin-right: -3%; width: 15%;}

    #responsiveid{margin-right: 0%; margin-left: 3%;}

    #newleft {margin-left: 12PX;}

    #responsiveright{margin-right: 3%;}

    .grid figure {
        max-width: 48%;
    }
}




@media (max-width:880px){

/*    .counter {
        margin-left: 8px;
        padding: 16px 0px;
        margin-bottom: -2%;
        width: 32%;}*/

.counter.fifth-counter {margin-left: 110px;}
    .adsnew {
        width: auto;
        height: auto; 
        background-color: none; 
        margin-bottom: 0%; 
        margin-left: 0%;
        box-shadow: 2px 0px 8px #8080809e;
        margin-top: 7%;
    }

    #characteristics {
        width: 100%;
        margin-top: 0%;}

    .colorlib-nav ul li {font-size: 17px;}

    #navmobile{display: none;}

    #navdesktop{display: block; margin-bottom: 1%;}

    #colorlib-hero .flexslider .slides li {background-position: initial; background-size: contain;}

    #colorlib-hero .flexslider .slides { height: 350px !important;}

    #colorlib-hero {  height: 230px !important;}

    /*.colorlib-counters .overlay {width: 87%; margin-left: 7%;}*/

    #colorlib-hero .flexslider .slider-text > .slider-text-inner {  height: 300px!important; width: 70%;}

    #colorlib-hero .flexslider .slider-text {display: inline-block;}

    #colorlib-hero .flexslider .slides li:before { background-image: url(../images/overlay.png);  background-position: center;}

    /*    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: 106%;}*/

    .columnclinic {width: 50%;}

    .columnspecial {width: 46%;}

    .column3 {width: 22%; margin: 8px; height: 180px;}

    .columnservices { width: 48%;  margin: 8px; height: auto;}

    .hovereffect2:hover a, .hovereffect2:hover p{margin-top: 0; font-size: 13px;}

    .hovereffect2 .overlay2 {  padding: 45px 18px;}

    #searchplace{margin-top: 0;}

    #colorlib-hero .flexslider .heightmobile {
        height: 230px !important;}

    /*
        #arrangesearch2{display: block!important;}
        
        #arrangesearch{display: none!important;}
    */


    /*
       .colorlib-counters .s132 #arrangesearch2{display: none!important;}
        
       .colorlib-counters .s132 #arrangesearch{display: block!important;}
    */

    .mobilechange{width: 100%; margin-bottom: 6%;}

    .carousel-control.left, .carousel-control.right {
        margin-left: -4%;
        background-image: none;
        margin-right: -4%;
        margin-top: 0%;
        font-size: 16px;}

    #colorlib-footer .colorlib-widget {  opacity: 1;}

    #colorlib-counter {margin-top: 12%;}

    .colorlib-nav ul li a {padding: 13px;}

    .floatmessage { margin-top: 11%;}

    #colorlib-counter.logosclient { height: 291px;}

    .logo-image {width: 18%;margin-top: -6%; float: right; margin-bottom: -16px;}

    .colorlib-nav .num, .colorlib-nav .loc {margin-top: 2%;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner {padding: 11px 30px;}

    #search-wrap {margin-left: 1%;}

    .count-text {font-size: 10px;}

    .icon-counter {font-size: 28px; margin: 36%;}

    .count-title {font-size: 28px;  font-weight: 700;  margin-top: 5px;}

    #colorlib-about {background-position: top;}

    .ads2 { margin-top: 0%; float: right;}

    .linkright {margin-right: 0%;}

    #linkright a {margin-right: 0%;}

    .hovereffect h2 {top: 73%; font-size: 30px; padding: 4%;}

    /*    .heightmobile{width: 230px;}*/

    .hovereffect img {  width: 88%; margin-left: 5%;}

    .hovereffect .overlay { width: 88%; height: 100%; left: 39px;}

    .services-2 {    background-color: #f9f9f9;}

    .hovereffect a.info {  margin: 0 0 0 170px; 
                           /*        padding: 13%;*/
    }

    .hovereffect a.info {
        display: inline-grid;}

    .list-category-details {  width: 55%;  float: right;}

    #container-details {width: 880px;   margin-top: -14%;}

    .column2 {margin-right: 27px; width: 93%;}

    .about-img {float: none; width: 25%;}

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 5%;}

    .choose .half { width: 57%;}

    .features-wrap { margin-right: -8.5em;}

    .bestlogos {margin-top: 3%; margin-bottom: -7%;}

    .columnmember {  width: 100%; margin-right: 0px;}


    .btn.btn-lg.btn-learn.memberbtn { margin-top: 0;}

    .columnmember2 { width: 100%; margin-right: 0px;}

    .form-group.member.topbtns {  margin-top: 0%;}

    .imgid.columnmember {margin-right: 0;width: 100%;}


}



@media (max-width:800px){
    
    .row.inner-row2 {
    margin: 0 0;
}

     .offer-alert {
    margin: 8% auto;
    width: 100%;
    }
    
    .membership-section {
    padding: 2em 0!important;}

    .colorlib-nav ul li {font-size: 17px;}

    #navmobile{display: none;}

    #navdesktop{display: block; margin-bottom: 1%;}

    #colorlib-hero .flexslider .slides li {background-position: initial; background-size: contain;}

    #colorlib-hero .flexslider .slides { height: 335px!important;}

    #colorlib-hero {  height: 230px !important;}

    /*.colorlib-counters .overlay {width: 87%; margin-left: 7%;}*/

    #colorlib-hero .flexslider .slider-text > .slider-text-inner {  height: 300px!important; width: 70%;}

    #colorlib-hero .flexslider .slider-text {display: inline-block;}

    #colorlib-hero .flexslider .slides li:before { background-image: url(../images/overlay.png);  background-position: center;}

    /*    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: 106%;}*/

    .columnclinic {width: 50%;}

    .columnspecial {width: 46%;}

    .hovereffect2:hover a, .hovereffect2:hover p{margin-top: 0; font-size: 13px;}

    .hovereffect2 .overlay2 {  padding: 45px 18px;}

    #searchplace{margin-top: 0;}

    #colorlib-hero .flexslider .heightmobile {height: 210px !important;}

    /*
        #arrangesearch2{display: block!important;}
        
        #arrangesearch{display: none!important;}
    */


    /*
       .colorlib-counters .s132 #arrangesearch2{display: none!important;}
        
       .colorlib-counters .s132 #arrangesearch{display: block!important;}
    */

    .mobilechange{width: 100%; margin-bottom: 6%;}

    .carousel-control.left, .carousel-control.right {
        margin-left: auto;
        background-image: none;
        margin-right: auto;
        margin-top: 6%;}

    #colorlib-footer .colorlib-widget {  opacity: 1;}

    #colorlib-counter {margin-top: 12%;}

    .colorlib-nav ul li a {padding: 7px;
    font-size: 14px;}

    .floatmessage { margin-top: 11%;}

    #colorlib-counter.logosclient { height: 291px;}

    .logo-image {width: 18%;margin-top: -6%; float: left; margin-bottom: -16px;}

    .colorlib-nav .num, .colorlib-nav .loc {margin-top: 2%;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner {padding: 11px 30px;}

    #search-wrap {margin-left: 1%;}

    .count-text {font-size: 10px;}

    .icon-counter {font-size: 28px; margin: 15%;}

    .count-title {font-size: 28px;  font-weight: 700;  margin-top: 5px;}

    #colorlib-about {background-position: top;}

    .ads2 { margin-top: 0%; float: right;}

    .linkright {margin-right: 0%;}

    #linkright a {margin-right: 0%;}

    .hovereffect h2 {top: 73%; font-size: 30px; padding: 4%;}

    /*    .heightmobile{width: 230px;}*/

    .hovereffect img {  width: 88%; margin-left: 5%;}

    .hovereffect .overlay { width: 88%; height: 100%; left: 39px;}

    .services-2 {    background-color: #f9f9f9;}

    .hovereffect a.info {  margin: 0 0 0 170px; 
                           /*        padding: 13%;*/
    }

    .hovereffect a.info {
        display: inline-grid;}

    .list-category-details {  width: 55%;  float: left;}

    #container-details {width: 800px;   margin-top: -14%;}

    .column2 {margin-right: 27px; width: 93%;}

    .about-img {float: none; width: 25%;}

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 5%;}

    .choose .half { width: 57%;}

    .features-wrap { margin-right: -8.5em;}

    .bestlogos {margin-top: 3%; margin-bottom: -7%;}

    .ads {margin-top: 6%;}
    /*        .columnservices{width:45%; margin: 8px;}*/
}



@media (max-width:768px){

    .columnservices {
        width: 47%;
        margin: 11px;
        height: auto;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    /*    #colorlib-hero .flexslider .slides li:after, #colorlib-hero .flexslider .slides li:before {  background-image: none;}*/

    #colorlib-hero .flexslider .slides li {min-height: auto; height: 270px;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: 15%; margin-top: 0%; width: 100%;}

    #colorlib-hero .flexslider .slides {height: 252px!important;}

    #colorlib-hero .flexslider .heightmobile {height: 202px!important;}

    #colorlib-counter {

        margin-bottom: 39px!important;}

    /*    .guidetitle {  margin-top: -23%;}*/

    .titleother2 {
        margin-top: -20%;
        font-size: 9px;}


    /*.colorlib-counters .overlay {   width: 89%;  margin-left: 6%;}*/

    .logo-image {
        width: 19%;
        margin-top: -6%;
        float: left;
        margin-bottom: -55px;
        padding-top: 18px;}


    #colorlib-offcanvas {
        background: #1e756e;
        text-align: right;
        font-size: 21px;}

    #colorlib-offcanvas a {
        color: rgb(255, 255, 255);}


    .wrapper{    margin-bottom: 33%;
                 margin-left: 13px;}

    .floatmessage {
        margin-top: 15%;}

    #colorlib-footer .colorlib-widget {
        text-align: right;}

    #container-details {width: 770px; margin-top: -17%;}

    #placecontainer {margin-top: -8%; padding-top: 36px;}

    .columnmember2 {width: 100%;   margin: 2px;}
    .columnmember {  width: 100%;    margin: 4px 0px;}
    .btn.btn-lg.btn-learn.memberbtn {  margin-top: 0;}
    #memberapplicationcontainer2 {margin-right: -4%;}
    .form-group.member.topbtns {margin-top: 0;}


}



@media (max-width:600px){

    .columnservices {
        width: 96%;
        margin: 11px;
        height: auto;
    }


    #navmobile{display: block;}

    #navdesktop{display: none;}

    .iconnav{ display: inline-block;}

    .s132 form .inner-form {  width: 100%; margin-left: 0px;    margin-bottom: 4%;}

    #colorlib-counter{     
        width: 100%;
        margin-left: 0%;
        padding-top: 0%;
        padding-bottom: 0%;
        margin-top: 12%!important;
        margin-bottom: 18px!important;}

    /*    #colorlib-counter {margin-top: -79% !important;}*/

    .hovereffect2 .overlay2 { padding: 19px 2px;}

    .hovereffect2:hover a, .hovereffect2:hover p {margin-top: 0; font-size: 13px;}

    .btn.btn-lg.btn-learn.details {
        padding: 4px 9px !important;
        font-size: 10px;
        margin-top: 34%;}

    /*.counter{ margin-left: 6px;}*/

    .about-img {float: right;    width: 29%;}

    .ads4 {float: right; margin-right: 3%;}

    .column3{height: 148px;}

    #colorlib-about { margin-bottom: -8%;}

    .columnsearchall {width: 100%; margin-right: 0%;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;}

    .logo-image {
        width: 19%;
        margin-top: -6%;
        float: left;
        margin-bottom: -55px;
        padding-top: 18px;}


    /*    .ads { margin-top: -86%; width: auto;}*/

    .hovereffect h2 {
        top: 70%;
        font-size: 23px;}


    #colorlib-offcanvas {
        background: #2ebdb2b8;
        font-size: 15px;
        text-align: left;
    line-height: 1.9;
 }

    #colorlib-offcanvas a {
        color: rgb(255, 255, 255);}


    .wrapper{ margin-bottom: 33%;  margin-left: 13px;  height: 160px;}

    .floatmessage { margin-top: 15%;}

    #colorlib-footer .colorlib-widget { text-align: left;}

    #container-details {width: 600px; margin-top: -2%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: -1%;    display: none;}


    #colorlib-hero .flexslider .slides {height: 252px!important;}

    #colorlib-hero .flexslider .heightmobile {height: 158px!important;}

    .hovereffect .overlay {
        width: 86%;
        height: 100%;
        left: 43px;}

    .ads {  width: 100%;}

    .hovereffect a.info {  padding: 32px 57px;}

    .features-services {padding: 13px;}

    .choose .half { width: 72%;}

    .features-wrap {margin-right: -16.5em;}

    .dateform { width: 32%; margin: 2px;}

    .bestlogos {margin-top: 17px;}

    .icon-counter {font-size: 28px; margin: 35%;}

    .carousel-control.left, .carousel-control.right {  margin-right: -13px;
                                                       margin-left: -2%;  margin-top: 0%;}

    .columnmember2 {width: 100%;   margin: 2px;}
    .columnmember {  width: 100%;    margin: 4px 0px;}
    .btn.btn-lg.btn-learn.memberbtn {  margin-top: 0;}
    #memberapplicationcontainer2 { margin-right: 0%; }

    #colorlib-hero { margin-bottom: -19%;}
    .topsearch { margin-bottom: 0%!important;}

    .list-category-details {width: 100%;}

    .columnspecial {
        width: 44%;
        margin: 12px;
        margin-right: 3%;}

    .ads2 { margin-right: 19%;}

    #colorlib-counter.logosclient {
        height: 230px; padding-top: 10%;}
    .grid figure {
        max-width: 98%;
    }

}



@media (max-width:480px){

    .social {
    width: 40%;
    }
    
    .paragraph-clients {
    margin-top: 0;
    order: 1;
}
.colorlib-counters.clientsnew .row.inner-row2 {
    margin: 0 0;
    display: grid;
    flex-direction: column;}

    .colorlib-counters .overlay {
    margin: 0 10%;
}

.image-client {
    float: right;
    width: 140px;}

.colorlib-counters.clientsnew {
    height: 420px;}
    
.counter.fifth-counter {margin-left: 7px;}
/*.counter:last-child{    margin-left: 25%;}*/

 .counter {width: 47%}

    .s132 form .inner-form .input-field input {
        padding: 10px 13px;
    }
    
    .title-subscribe {
        font-size: 25px;
        margin: 30px 0 40px 0;}

    .about-services {
        font-size: 25px;
        margin: 30px 0 40px 0;}
        
        .mission{margin:30px 0 40px 0; font-size: 25px;}

    .guidetitleplace {margin-top: 0;     margin-bottom: 4%;
        font-size: 25px;}

    .count-text {
        font-size: 13px;
    }


    .s132 form .inner-form .input-field.first-wrap {
        width: 100%;}

    .s132 {  padding: 0;  margin-bottom: -8%;  margin-top: -4%;}

    #colorlib-about {background-position: center;}

    #colorlib-about .floatmessage {margin-top: 0;}

   .content .title-services { font-size: 24px; }   

   .content {  margin-bottom: 100%; padding-top: 2px;}
   
   .grid figure {  min-width: 40%;max-width: 47%; margin: 1% 7px;}

   figure.effect-lily h2 {   
    font-size: 19px;
    margin: 0 15px;
    letter-spacing: 0px;
    word-spacing: 1px;}

    .grid figure p {font-size: 13px;letter-spacing: 0px;}


   figure.effect-lily figcaption > div { padding: 6%; height: 70%; padding-top: 7px;}




    .features-services.applyjob {margin-right: 0;}
    .btn-success.applybtn {width: 30%;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    .iconnav{ display: inline-block;}

    #colorlib-hero .flexslider .slides {height: 252px!important;}

    #colorlib-hero .flexslider .heightmobile {height: 158px!important;}

    #colorlib-hero .flexslider .slides li {background-position: inherit; background-size: cover;}

    #colorlib-hero .flexslider .slides li:before {background-image: url(../images/overlay.png); display: none; background-position: top;}

    .carousel-control.left, .carousel-control.right {margin-top: 0%;    margin-left: -8px;  margin-right: -8px;}

    #search-wrap {  margin-left: -1%;}

    .s132 form .inner-form {    
        width: 100%;
        margin-left: 4px;
        padding-bottom: 60px;}

    .advanced a {color: #ffffff;}

    .advanced{    margin-top: 25px;text-align: right}

    /*     #colorlib-counter {  margin-top: -106% !important;}*/


    .columnsearchall {width: 100%; margin-right: 0%;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;    margin: 20px 0px;}

    #container-details {  width: 480px;margin-top: -30px;}

    .column2 {margin-right: 16px; width: 93%;}

    .ads4 {  margin-top: 5%;  margin-left: 3%; display: inline-flex; float: right;}

    .column3 {height: 134px;}

    .titleother {margin-top:24%; line-height: 1.5; font-size: 15px;}

    /*    .s132 form .inner-form {background: none;}*/
    .s132 form .inner-form {   background: rgb(40, 144, 135);}

    .hovereffect h2 {  top: 65%; font-size: 23px; padding-bottom: 7%;}

    .hovereffect img {width: 91%; margin-left: 5%;}

    .hovereffect a.info {  margin-left: 27%;   position: absolute; margin-top: -23%; padding: 49px 65px;}


    /*    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: 15%; margin-top: -38%;}*/

    /*    #floatright {float: right;padding: 8%; margin-bottom: -16%;}*/

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 9%; width: 100%;    font-size: 14px;}

    .columnclinic {width: 46%; float: left; margin-right: 0%;}

    .columnspecial {   
        width: 45%;
        margin: 7px;
        margin-right: 14px;}

    .ads {width: auto;}

    .column3 {width: 46%;}

    .choose .half {width: 100%;}

    .features-wrap {    margin-right: -0.2em;}

    

    .dateform { width: 31%;  margin: 3px;}

    /*.counter {width: 48%;margin-left: 7px;}*/

    .icon-counter {font-size: 28px; margin: 35%;}

    .wrapper {  height: 357px;}

    #colorlib-counter.logosclient {height: 179px; padding-top: 10%;}

    .columnsearchall {width: 100%;margin-right: 0%;height: 160px;}

    /*.colorlib-counters .overlay {    width: 81%; margin-left: 10%; top: 42px; bottom: 50px;}*/

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {  margin-left: 15%; margin-top:-48px;}

    .mobilechange {width: 100%; padding: 3%;   margin-bottom: 8%}

    .responsewidth {width: 50%;}

    .hovereffect2 .overlay2 { padding: 55px 2px;}

    #memberapplicationcontainer {  margin-right: 0px}

    .smalltitle {  padding-bottom: 3%;}

    .guidetitle {
        font-size: 30px;
        margin-top: 8%;
        margin-bottom: -3%;}

    .wrapper { margin-left: 10px;}

    #more-message {float: right; margin-bottom: 6%;    font-size: 13px;}

    .ads2 {margin-right: 12%;}

    .title-category-details2 {font-size: 27px;}

    .floatmessage {  font-size: 23px;}

    .bestlogos {font-size: 25px;}

    .columnservices{ width: 96%; margin: 8px; height: auto;}
}

@media (max-width:428px){

    #container-details {
    width: 428px;}

    .colorlib-counters.clientsnew {
    height: auto;    padding-bottom: 6%!important;}
    
    .paragraph-clients span ,.paragraph-clients {
    font-size: 13px;
}
    
    .counter {
    width: 97%;}
.icon-counter { margin: 40%;}

    .s132 form .inner-form .input-field.first-wrap {
        width: 100%;}

    .s132 form .inner-form .input-field input {
        padding: 10px 6px;}

    .s132 {
        padding: 11px;
        margin-bottom: -10%;
        margin-top: -6%;}

    .grid figure {
        min-width: 40%;
        max-width: 96%;
        margin: 1% 8px;
    }


    figure.effect-lily h2 {   
        font-size: 19px;
        margin: 0 15px;
        letter-spacing: 0px;
        word-spacing: 1px;}
    
        .grid figure p {font-size: 13px;letter-spacing: 0px;}

    figure.effect-lily figcaption > div {
        padding: 8%;
        height: 34%;
        padding-top: 12px;}

    .content .title-services {font-size: 20px;}

    /*.counter {margin-left: 6px;}*/

    .adsnew {margin-left: 0;}

    .iconnav{ display: inline-block;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    .columnsearchall {width: 100%;margin-right: 0%;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;}

    .logo-image {   width: 23%; margin-top: -11%;}

    #container-details {width: 414px;    margin-top: -39px;}

    .wrapper {height: 376px;}

    #colorlib-counter.logosclient {height: 155px;}

    .hovereffect h2 {  top: 62%; font-size: 20px; padding-bottom: 10%;}

    .btnmember {width: 94%;}

    .hovereffect a.info {  margin-left: 22%;  position: absolute;  margin-top: -23%;}

    .icon-counter1 { font-size: 37px; margin: -9px; line-height: 1.4;}

    .columnspecial {
        width: 89%;
        margin: 8px 6%;
    margin-right: 0;}

    .social{width: 100%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {font-size: 13px;
                                                                     margin-right: 15%;
                                                                     margin-top: 46%;}

    .s132 form .inner-form {  width: 113%; margin-left: -20px;}

    #colorlib-counter {width: 100%; margin-left: 0%;}

    #search-wrap {margin-left: 1%; width: 97%;}

    #more-message {   float: right;  margin-bottom: 17px;}

    .hovereffect img {width: 89%; margin-left: 7%;}

    .mobilechange { margin-right: 3%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: -40%;}

    #colorlib-hero .flexslider .heightmobile  .slider-text > .slider-text-inner #dalel { color: #13426b;}

    .title-category-details {font-size: 20px;}

    .column3 {width: 45%;}

    .dateform {width: 30%; margin: 4px; font-size: 12px;}

    .text-guideabout {   text-align: justify;  margin-top: 3%; direction: rtl;}

    .title-category-details2 {  font-size: 21px;}

    .wrapper {margin-left: 8px;}

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 9%; width: 100%;    font-size: 13px;}

    .ads2 {  margin-right: 22px;}

    /* .guidetitle { font-size: 25px;    margin-bottom: 0%;} */
    .guidetitle {
    font-size: 19px;
    margin-bottom: 2%;
}

    .radiobtn {font-size: 18px;}

    .titlecontact {font-size: 25px; margin-bottom: 6%;}

    .title-subscribe {   font-size: 24px;}

    .btn-success.applybtn { width: 45%;}
}

@media (max-width:414px) and (min-width:411px){

    .colorlib-counters.clientsnew {
    height: auto;    padding-bottom: 6%!important;}
    
    .paragraph-clients span ,.paragraph-clients {
    font-size: 13px;
}
    
    .counter {
    width: 97%;}
.icon-counter { margin: 40%;}

    .s132 form .inner-form .input-field.first-wrap {
        width: 100%;}

    .s132 form .inner-form .input-field input {
        padding: 10px 6px;}

    .s132 {
        padding: 11px;
        margin-bottom: -10%;
        margin-top: -6%;}

    .grid figure {
        min-width: 40%;
        max-width: 96%;
        margin: 1% 8px;
    }


    figure.effect-lily h2 {   
        font-size: 19px;
        margin: 0 15px;
        letter-spacing: 0px;
        word-spacing: 1px;}
    
        .grid figure p {font-size: 13px;letter-spacing: 0px;}

    figure.effect-lily figcaption > div {
        padding: 8%;
        height: 34%;
        padding-top: 12px;}

    .content .title-services {font-size: 20px;}

    /*.counter {margin-left: 6px;}*/

    .adsnew {margin-left: 0;}

    .iconnav{ display: inline-block;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    .columnsearchall {width: 100%;margin-right: 0%;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;}

    .logo-image {   width: 23%; margin-top: -11%;}

    #container-details {width: 414px;    margin-top: -39px;}

    .wrapper {height: 376px;}

    #colorlib-counter.logosclient {height: 155px;}

    .hovereffect h2 {  top: 62%; font-size: 20px; padding-bottom: 10%;}

    .btnmember {width: 94%;}

    .hovereffect a.info {  margin-left: 22%;  position: absolute;  margin-top: -23%;}

    .icon-counter1 { font-size: 37px; margin: -9px; line-height: 1.4;}

    /* .columnspecial {width: 89%;
                    margin: 8px;
                    margin-right: 5%;} */

    .social{width: 100%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {font-size: 13px;
                                                                     margin-right: 15%;
                                                                     margin-top: 46%;}

    .s132 form .inner-form {  width: 113%; margin-left: -20px;}

    #colorlib-counter {width: 100%; margin-left: 0%;}

    #search-wrap {margin-left: 1%; width: 97%;}

    #more-message {   float: right;  margin-bottom: 17px;}

    .hovereffect img {width: 89%; margin-left: 7%;}

    .mobilechange { margin-right: 3%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: -40%;}

    #colorlib-hero .flexslider .heightmobile  .slider-text > .slider-text-inner #dalel { color: #13426b;}

    .title-category-details {font-size: 20px;}

    .column3 {width: 45%;}

    .dateform {width: 30%; margin: 4px; font-size: 13px;}

    .text-guideabout {   text-align: justify;  margin-top: 3%; direction: rtl;}

    .title-category-details2 {  font-size: 21px;}

    .wrapper {margin-left: 8px;}

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 9%; width: 100%;    font-size: 13px;}

    .ads2 {  margin-right: 22px;}

    .guidetitle {
    font-size: 19px;
    margin-bottom: 2%;
}
    .radiobtn {font-size: 18px;}

    .titlecontact {font-size: 25px; margin-bottom: 6%;}

    .title-subscribe {   font-size: 24px;}

    .btn-success.applybtn { width: 45%;}
}

@media (max-width:384px){
    
        .colorlib-counters.clientsnew {
    height: auto;    padding-bottom: 10%!important;}
    
    .paragraph-clients span ,.paragraph-clients {
    font-size: 12px;
    
        .counter {
    width: 97%;}
.icon-counter { margin: 40%;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner {
        padding: 9px 9px;
    }
}

@media (max-width:385px)and (min-width:360px){
    
        .counter {
    width: 97%;}
.icon-counter { margin: 40%;}

    .offer-alert #subtitle4 {
    font-size: 15px;}
    
    .offer-card {font-size: 14px;padding: 2% 22px 3%;}

    /* .s132 form .inner-form {padding: 10px 8px;} */

    /* .s132 form .inner-form .input-field input {padding: 10px 1px;} */

    .s132 form .inner-form .input-field.first-wrap {
        width: 100%;    margin-bottom: 11px;}

    .s132 {
        padding: 5px;
        margin-bottom: -8%;
        margin-top: -4%;
        margin-right: 2%;}

        .grid figure {
            min-width: 40%;
            max-width: 96%;
            margin: 1% 8px;
        }
    
        figure.effect-lily figcaption > div {
            padding: 8%;
            height: 34%;
            padding-top: 12px;}
    
        .content .title-services {font-size: 20px;}

        figure.effect-lily h2 {   
            font-size: 19px;
            margin: 0 15px;
            letter-spacing: 0px;
            word-spacing: 1px;}
        
            .grid figure p {font-size: 13px;letter-spacing: 0px;}
    

    .btn-success.applybtn {
        width: 45%;}

    .mission.careertitle {font-size: 23px;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner {padding: 2px 10px;}

    /*.counter {margin-left: 5px;}*/

    .iconnav{ display: inline-block;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    .logo-image {   width: 23%; margin-top: -11%;}

    .dateform { width: 32%;  font-size: 12px;}

    .wrapper {  height: 395px; margin-left: 6px;}

    #colorlib-counter.logosclient {   height: 133px;}

    /*    .hovereffect h2 {  top: 55%;  font-size: 13px;  }*/

    .hovereffect h2 {  top: 62%; font-size: 20px; padding-bottom: 10%;}

    .hovereffect img {width: 89%; margin-left: 7%;}

    .hovereffect .overlay {
        width: 86%;
        height: 100%;
        left: 27px;}

    .hovereffect a.info {
        margin-left: 0%;
        position: absolute;
        margin-top: -36%;}

    .icon-counter1 {
        font-size: 36px;
        text-align: center;
         margin: -9px;
        margin-bottom: 2%;}


    /* .columnspecial {
        width: 89%;
        margin: 8px;
        margin-right: 20px;
    } */

    #container-details {
        width: 369px;    margin-top: -14%;}

    .colorlib-nav .social li {    margin: 0%;
                                  margin-left: 0%;}

    #containertop {  padding-bottom: 2%; padding-top: 2%;}

    .columnsearchall {width: 100%;margin-right: 0%;margin-left: 0;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;}

    /*    .hovereffect h2 {top: 52%; font-size: 11px;}*/

    .btnmember {width: 94%;}

    .s132 form .inner-form {    width: 114%;
                                margin-left: -18px;}

    #colorlib-counter {width: 100%; margin-left: 0%;}

    #search-wrap {margin-left: 1%; width: 97%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: -40%;}

    #colorlib-hero .flexslider .heightmobile  .slider-text > .slider-text-inner #dalel { color: #13426b;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {font-size: 11px;
                                                                     margin-right: 15%;
                                                                     margin-top: 46%;}

    #more-message {   float: right;  margin-bottom: 17px;}

    .hovereffect a.info {  margin-left: 22%;  position: absolute;  margin-top: -23%;}

    .column3 {  width: 45%;}

    .ads4 {  margin-right: 1%; float: right;}

    .title-category-details {font-size: 20px;}

    .text-guideabout {   text-align: justify;  margin-top: 3%; direction: rtl;}

    .list-category-details {width: 100%;}

    .titleother2 {  margin-top: -26%;  font-size: 8px; }

    .titleother {margin-top: 16%;  padding: 4%;  font-size: 14px;}

    .title-category-details2 {font-size: 19px;}

    .dateform {   
        width: 29%;
        margin: 4px;
        font-size: 10px;}

.guidetitle {
    font-size: 17px;
    margin-bottom: 3%;
}

    .titlecontact {font-size: 28px;}
    /* .guidetitle {
        font-size: 24px;
        margin-top: 8%;
        margin-bottom: -3%;} */

    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 9%; width: 100%;    font-size: 11px;}

    .ads2 { margin-right: 3px;}
}


@media (width:360px){

    .s132 { margin-right: 1%;}
}

@media (max-width:320px){

    .s132 {
        padding: 12px;
        margin-bottom: -13%;
        margin-top: -6%;}

    .grid figure {
        min-width: 40%;
        max-width: 96%;
        margin: 1% 8px;
    }

    figure.effect-lily figcaption > div {
        padding: 8%;
        height: 45%;
        padding-top: 12px;}

    .content .title-services {font-size: 17px;}

    figure.effect-lily h2 {   
        font-size: 19px;
        margin: 0 15px;
        letter-spacing: 0px;
        word-spacing: 1px;}
    
        .grid figure p {font-size: 12px;letter-spacing: 0px;}


    .features-services.applyjob {
        padding: 0.5em;}

    .mission.careertitle {
        font-size: 23px;}

    .features-services.applyjob p {
        margin-bottom: 20px;
        font-size: 15px}

    .btn-success.applybtn {
        width: 40%;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner {padding: 2px 10px;}

    .s132 form .inner-form .input-field.first-wrap .choices__inner .choices__item.choices__item--selectable.choices__placeholder {font-size: 13px;}

    .s132 form .inner-form .input-field.third-wrap .btn-search {font-size: 15px;}

/*    .counter {
        width: 47%;
        margin-left: 6px;}*/

    .iconnav{ display: inline-block;}

    #navmobile{display: block;}

    #navdesktop{display: none;}

    .logo-image {   width: 23%; margin-top: -11%;}

    .wrapper {  height: 395px; margin-left: 6px;}

    #colorlib-counter.logosclient {   height: 111px;}

    /*    .hovereffect h2 {  top: 55%;  font-size: 13px;  }*/

    .hovereffect h2 {  top:56%; font-size: 20px; padding-bottom: 10%;}

    .hovereffect img {width: 89%; margin-left: 7%;}

    .hovereffect .overlay {
        width: 86%;
        height: 100%;
        left: 27px;}

    .hovereffect a.info {
        margin-left: 0%;
        position: absolute;
        margin-top: -36%;}

    .icon-counter1 {
        font-size: 36px;
        text-align: center;
        margin: -3px;}


    /* .columnspecial {
        width: 88%;
        margin: 5px;
        margin-right: 19px;} */

    #container-details {
        width: 369px;}

    .colorlib-nav .social li {    margin: -1%;
                                  margin-left: 0%;}

    #containertop {  padding-bottom: 2%; padding-top: 2%;}

    .columnsearchall {width: 100%; margin-right: 0%;}

    .columnsearchtitle {width: 64%;}

    .columnsearchbtn {width: 100%; float: none;}

    /*    .hovereffect h2 {top: 52%; font-size: 11px;}*/

    .btnmember {width: 94%;}

    .s132 form .inner-form {    width: 119%;
                                margin-left: -22px;}

    #colorlib-counter {width: 100%; margin-left: 0%;}

    /*     .s132 form .inner-form { width: 99%; margin-left: 5px;}*/


    .btn.btn-primary.btn-lg.btn-learn.specialization {margin-left: 9%; width: 100%;    font-size: 10px;}


    #search-wrap {margin-left: 1%; width: 97%;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner #dalel {margin-left: -40%;}

    #colorlib-hero .flexslider .heightmobile  .slider-text > .slider-text-inner #dalel { color: #13426b;}

    #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {display: none;}
    #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {display: none;}

    #more-message {   float: right;  margin-bottom: 17px;}

    .hovereffect a.info {  margin-left: 13%;position: absolute; margin-top: -43%;}

    .column3 {  width: 44%;}

    .ads4 {  margin-right: -4%; float: right;}

    .title-category-details {font-size: 20px;}

    .text-guideabout {   text-align: justify;  margin-top: 3%; direction: rtl;}

    .list-category-details {width: 100%;}

    .titleother2 {  margin-top: -26%;  font-size: 7px; }

    .titleother {margin-top: 16%;  padding: 4%;  font-size: 14px;}

    .title-category-details2 {font-size: 23px;}

    .dateform {   width: 30%;  margin: 2px;   font-size: 8px;  }   

.guidetitle {

    font-size: 17px;
    margin-bottom: 3%;
}

    .titlecontact {font-size: 28px;}

    .ads2 {  width: 100%;    margin-right: 0;}

    .bestlogos {font-size: 25px;}


    /*
        
        .iconnav{ display: inline-block;}
        #navmobile{display: block;}
        #navdesktop{display: none;}
        
        .logo-image {   width: 23%; margin-top: -11%;}
        
        .dateform {
        width: 32%;
            font-size: 12px;}
        
        .wrapper {
        height: 395px;
            margin-left: 6px;}
        
        #colorlib-counter.logosclient {
            height: 133px;}
        
        .hovereffect h2 {
        top: 55%;
        font-size: 13px;
        }
        
        .hovereffect .overlay {
        width: 86%;
        height: 100%;
            left: 27px;}
        
        .hovereffect a.info {
    margin: -83px 0 0 13%;
        margin-left: -9%;
        position: absolute;
        margin-top: -50%;}
        
        .icon-counter1 {
        font-size: 36px;
        text-align: center;
            margin: -3px;}
        
        
        .columnspecial {
        width: 94%;
            margin: 12px;}
    */

    #container-details {
        width: 320px;    margin-top: -18%;}

    .colorlib-nav .social li {    margin: -1%;
                                  margin-left: 0%;     line-height: 1.7;
                                  text-align: center;
                                  color: #094a73;
                                  width: 25px;
                                  height: 25px;}

    #containertop {  padding-bottom: 2%; padding-top: 2%;}

    /*
        .columnsearchall {width: 100%; margin-right: 0%;}
        
        .columnsearchtitle {width: 64%;}
        
        .columnsearchbtn {width: 100%; float: none;}
        
      .hovereffect h2 {
        top: 47%;
          font-size: 13px;}
        
        .ads4 { margin-right: -5%;}
        
        .column3 {
        width: 100%;
        margin: 0px;
        margin-top: 2%;}
        
        .titleother {margin-top: 19%;}
        
        .hovereffect img {
        width: 96%;
            margin-left: 3%;}
        
        .features-services {
            padding: 0.5em;}
    */
}